

<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title>关于我们</title>
        <link href="favicon.ico" rel="shortcut icon">
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/about.css">
    </head>
    <body>
        <div class="container">
            <header>
                <div class="menu flex flex-align-items">
                    <a href="index.html" class="logo"><img src="img/common/logo.png" alt="logo"></a>
                    <nav class="pc">
                        <a href="index.html">首页</a>
                        <a href="course.html">课程体系</a>
                        <a href="team.html">师资</a>
                        <a href="process.html">如何上课</a>
                        <a href="about.html">关于我们</a>
                        <a href="news.html">新闻资讯</a>
                        <a href="contact.html">联系我们</a>
                    </nav>
                    <div class="mobileMenuBtn flex flex-align-items flex-justify-content cursor">
                        <div class="contn">
                            <span></span>
                            <span class="mid"></span>
                            <span></span>
                        </div>
                    </div>
                    <div class="mobileMenu flex flex-align-items flex-justify-content">
                        <a href="index.html">首页</a>
                        <a href="course.html">课程体系</a>
                        <a href="team.html">师资</a>
                        <a href="process.html">如何上课</a>
                        <a href="about.html">关于我们</a>
                        <a href="news.html">新闻资讯</a>
                        <a href="contact.html">联系我们</a>
                    </div>
                </div>
            </header>
            <main>
                <div class="headPic ready">
                    <p class="shave"></p>
                    <img CLASS="obj-c" src="img/about/headPic.jpg" alt="页头图片">
                </div> 
                <div class="about">
                    <div class="fluid ready">
                        <div class="title">
                            <p class="delay-1">ABOUT CHUANSHI ENGLISH</p>
                            <i class="delay-2"></i>
                            <p class="delay-3">关于穿石英语 </p>
                        </div>
                        <div class="contn">
                            <section class="ready">
                                <div class="left">
                                    <div class="pic">
                                        <img class="obj-c" src="img/about/oblang.jpg" alt="长方形插图">
                                    </div>
                                    <div class="txt">
                                        <span class="num">01</span>
                                        <i class="line"></i>
                                        <p class="infoTitle">
                                            走向世界<br>从穿石英语开始
                                        </p>
                                        <div class="info">
                                            <p>2003年，穿石英语创始团队成立，07年穿石英语正式面世。品牌隶属于宁波穿石教育科技有限公司。</p>
                                            <p>多年来穿石英语秉承 “做世界教育领先企业，使人人皆可学习并从中受益” 的宗旨，将个人潜能激发和个人发展规划相结合。</p>
                                            <p>帮助学员以有效、便捷的方式突破英语听说读写的障碍，快速练就一口流利纯正的英语口语。</p>
                                        </div>
                                        <p class="shave"></p>
                                    </div>
                                </div>
                                <div class="right">
                                    <p class="box"><img src="img/about/square.jpg" class="obj-c" alt="正方形配图"></p>
                                </div>
                            </section>
                            <section class="flex ready">
                                <div class="left">
                                    <div class="pic">
                                        <img class="obj-c" src="img/about/aboutS2.jpg" alt="板块二配图">
                                        <p class="tip">
                                            Internet
                                            <i class="line"></i>
                                        </p>
                                    </div>
                                </div>
                                <div class="right ready">
                                    <div class="txt">
                                        <span class="num delay-1">02</span>
                                        <i class='line delay-2'></i>
                                        <p class="infoTitle delay-3">
                                            英语学习<br>已经进入互联网时代
                                        </p>
                                        <div class="info delay-4">
                                            <p>随着互联网的不断发展，现代远程教育的发展已经成为全球性的大趋势 我们拥有强大的教师团队和优秀的教学品质，独创的“倍速听力训练”、“交互式口语模拟场景演真”等教育方法更能解决学员交流难的问题。</p>
                                            <p>如今我们已经培养出了许多优秀的学员，他们自各行各业，遍布许多国家和地区，通过穿石在线课堂，随时随地享受英语学习的乐趣。</p>
                                        </div>
                                    </div>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
                <div class="honors">
                    <div class="picPalace">
                        <img class="obj-c current" src="img/about/honorBg.jpg" alt="荣誉背景图">
                        <img class="obj-c" src="img/index/contactPic.jpg" alt="荣誉背景图">
                        <img class="obj-c" src="img/index/courseBg.jpg" alt="荣誉背景图">
                        <img class="obj-c" src="img/index/slide1.jpg" alt="荣誉背景图">
                        <img class="obj-c" src="img/course/card1.jpg" alt="荣誉背景图">
                        <img class="obj-c" src="img/course/card3.jpg" alt="荣誉背景图">
                        <img class="obj-c" src="img/course/card5.jpg" alt="荣誉背景图">
                        <img class="obj-c" src="img/about/honorBg.jpg" alt="荣誉背景图">
                        <img class="obj-c" src="img/index/contactPic.jpg" alt="荣誉背景图">
                        <img class="obj-c" src="img/index/courseBg.jpg" alt="荣誉背景图">
                        <img class="obj-c" src="img/index/slide1.jpg" alt="荣誉背景图">
                        <img class="obj-c" src="img/course/card1.jpg" alt="荣誉背景图">
                        <img class="obj-c" src="img/course/card3.jpg" alt="荣誉背景图">
                        <img class="obj-c" src="img/course/card5.jpg" alt="荣誉背景图">
                        <img class="obj-c" src="img/about/honorBg.jpg" alt="荣誉背景图">
                        <img class="obj-c" src="img/index/contactPic.jpg" alt="荣誉背景图">
                        <img class="obj-c" src="img/index/courseBg.jpg" alt="荣誉背景图">
                        <img class="obj-c" src="img/index/slide1.jpg" alt="荣誉背景图">
                    </div>
                    <div class="box flex-align-items flex">
                        <div class='contn'>
                            <div class="mainContnt">
                                <div class="lgLetter">
                                    <p class="chn">公司历程</p>
                                    <p class="eng">COMPANY HISTORY</p>
                                    <div class="prevOrNext start">
                                        <div class="prev flex flex-align-items">
                                            <p class="btn cursor">
                                                <img src="img/about/arrow.png" alt="箭头">
                                            </p>
                                            <span class="val"></span>
                                        </div>
                                        <div class="next flex flex-align-items">
                                            <p class="btn cursor">
                                                <img src="img/about/arrow.png" alt="箭头">
                                            </p>
                                            <span class="val"></span>
                                        </div>
                                        <i class='line'></i>
                                    </div>
                                </div>
                                <div class="details">
                                    <p class="year"></p>
                                    <div class="intro">
                                        <p class="current">2000年8月 — 穿石英语荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2000年11月 — 穿石英语荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2000年12月 — 穿石英语荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2002年1月 — 穿石英语荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2002年5月 — 穿石英语荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2002年8月 — 穿石英语荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2003年2月 — 穿石英语荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2003年7月 — 穿石英语荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2003年12月 — 穿石英语荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2005年7月 — 穿石英语荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2005年10月 — 穿石英语荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2005年11月 — 穿石英语荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2008年1月 — 穿石英语荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2008年10月 — 穿石英语荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2008年12月 — 穿石英语荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2009年6月 — 穿石英语荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2009年7月 — 穿石英语荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2009年10月 — 穿石英语荣获“2013年最具口碑影响力外语教育机构”</p>
                                    </div>
                                </div>
                            </div>
                            <p class="lgNum"></p>
                        </div>
                        <div class="years">
                            <div class="ruler">
                                <div class="yearPalace">
                                    <span class="yy cursor current">2000</span>
                                    <span class="yy cursor">2002</span>
                                    <span class="yy cursor">2003</span>
                                    <span class="yy cursor">2005</span>
                                    <span class="yy cursor">2008</span>
                                    <span class="yy cursor">2009</span>
                                </div>
                                <div class="months">
                                    <div class="item current">
                                        <p class="num">2000.8</p>
                                    </div>
                                    <div class="item">
                                        <p class="num">2000.11</p>
                                    </div>
                                    <div class="item">
                                        <p class="num">2000.12</p>
                                    </div>
                                    <div class="item">
                                        <p class="num">2002.1</p>
                                    </div>
                                    <div class="item">
                                        <p class="num">2002.5</p>
                                    </div>
                                    <div class="item">
                                        <p class="num">2002.8</p>
                                    </div>
                                    <div class="item">
                                        <p class="num">2003.2</p>
                                    </div>
                                    <div class="item">
                                        <p class="num">2003.7</p>
                                    </div>
                                    <div class="item">
                                        <p class="num">2003.12</p>
                                    </div>
                                    <div class="item">
                                        <p class="num">2005.7</p>
                                    </div>
                                    <div class="item">
                                        <p class="num">2005.10</p>
                                    </div>
                                    <div class="item">
                                        <p class="num">2005.11</p>
                                    </div>
                                    <div class="item">
                                        <p class="num">2008.1</p>
                                    </div>
                                    <div class="item">
                                        <p class="num">2008.10</p>
                                    </div>
                                    <div class="item">
                                        <p class="num">2008.12</p>
                                    </div>
                                    <div class="item">
                                        <p class="num">2009.6</p>
                                    </div>
                                    <div class="item">
                                        <p class="num">2009.7</p>
                                    </div>
                                    <div class="item">
                                        <p class="num">2009.10</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="award ready">
                    <div class="fluid">
                        <div class="headP">
                            <img class="obj-c" src="img/about/award1.jpg" alt="荣誉插图">
                            <p class="tip">Honor<span></span></p>
                        </div>
                        <div class="contn">
                            <div class="content">
                                <div class="sidePic"><img class="obj-c" src="img/about/award2.jpg" alt="荣誉插图"></div>
                                <p class="num">04</p>
                                <div class="txt">
                                    <i class="line"></i>
                                    <p class="infoTitle">获得荣誉</p>
                                    <div class="details">
                                        <p>2000年 荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2000年 荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2000年 荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2000年 荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2000年 荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2000年 荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2000年 荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2000年 荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2000年 荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2000年 荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2000年 荣获“2013年最具口碑影响力外语教育机构”</p>
                                        <p>2000年 荣获“2013年最具口碑影响力外语教育机构”</p>
                                    </div>
                                </div>   
                            </div>
                        </div>
                    </div>
                </div>
            </main>
            <footer>
                <nav class="flex flex-justify-content">
                    <a href="index.html">首页</a>
                    <a href="course.html">课程体系</a>
                    <a href="team.html">师资</a>
                    <a href="process.html">如何上课</a>
                    <a href="about.html">关于我们</a>
                    <a href="news.html">新闻资讯</a>
                    <a href="contact.html">联系我们</a>
                </nav>
                <p>
                    Copyright © 宁波穿石网络科技有限公司 All rights reserved
                    <span>技术支持：穿石科技</span>
                </p>
            </footer>
        </div>
        <script src="js/common/jquery.js"></script>
        <script src="js/common/swiper.js"></script>
        <script>
                var flag_lianxing= JSON.parse(sessionStorage.getItem('flag_lianxing'));
                if (typeof jQuery == 'undefined') {
                    console.log(" 未加载")
                    if(flag_lianxing){
                        console.log("自动刷新一次未加载")
                    }else{
                        sessionStorage.setItem('flag_lianxing', JSON.stringify("1"));
                        window.location.reload();
                    }
            
                } else {
                    console.log(" 已加载")
                }
        </script>
        <script src="js/common/common.js"></script>
        <script src="js/common/animation.js"></script>
        <script src="js/about.js"></script>
    </body>
    
</html>